<div :class="name">
    <div class="user-add-list">
        <h5 class="user-add-title-color">采购订单
            <a class="user-add-title-color" href="javascript:void(0)">筛选</a>
            <a class="user-add-title-color" href="javascript:void(0)">操作</a>
        </h5>
        <div class="scroll-user-add scroll-purchase-preview">
            <ul class="item" v-for="user in data">
                <li class="item-title user-add-title-color">单据号：{{user.BillNumber}}（{{user.PurchaseStatus}}）</li>
                <li class="col">供应商：{{user.Supplier}}</li>
                <li class="col">采购类型：{{user.PurchaseType}}</li>
                <li class="col">采购金额：{{user.PurchaseMoney}}</li>
                <li class="col">采购人：{{user.Purchaser}}</li>
            </ul>
        </div>
        <div class="all-list-page">
            <template>
                <Page :total="100" size="small" show-sizer show-total></Page>
            </template>
        </div>
    </div>
    <div class="user-add-editor">
        <h5 class="user-add-title-color">订单详情
            <a class="user-add-title-color" href="javascript:void(0)">修改</a>
            <a class="user-add-title-color" href="javascript:void(0)">撤销</a>
        </h5>
        <div class="user-add-editor-content">
            <div class="user-add-editor-i">
                <div class="make-new-context">
                    <table>
                        <tr>
                            <td>单据日期：{{purchaseInfo.BillDay}}</td>
                            <td>单据号：{{purchaseInfo.BillNumber}}</td>
                            <td>供应商：{{purchaseInfo.Supplier}}</td>
                        </tr>
                        <tr>
                            <td>默认仓库：{{purchaseInfo.DefaultLib}}</td>
                            <td>税率%：{{purchaseInfo.TaxRate}}</td>
                            <td>采购类型：{{purchaseInfo.PurchaseType}}</td>
                        </tr>
                        <tr>
                            <td>采购员：{{purchaseInfo.Purchaser}}</td>
                            <td>采购部门：{{purchaseInfo.PurchaserDepartment}}</td>
                            <td>发运方式：{{purchaseInfo.PurchaserTransport}}</td>
                        </tr>
                        <tr>
                            <td>折扣%：{{purchaseInfo.Discount}}</td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                    <!-- -->
                    <table class="for-fixed-title">
                        <tr class="user-add-title-color title">
                            <td v-for="item in operate">{{item}}</td>
                        </tr>
                        <tr class="virtual-auxiliary-calculation-width">
                            <td>{{productList[0].ProductId}}</td>
                            <td>{{productList[0].ProductName}}</td>
                            <td>{{productList[0].ProductCountInfo.length}}</td>
                            <td>{{productList[0].UnitPrice}}</td>
                            <td>{{productList[0].PurchasePrice}}</td>
                            <td>{{productList[0].EstimatedTime}}</td>
                            <td>{{productList[0].Remarks}}</td>
                            <td>
                                <a href="javascript:void(0)">添加</a>
                                <a href="javascript:void(0)">删除</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="purchase-product-list">
                    <table>
                        <tr class="user-add-title-color title virtual-auxiliary-calculation-width">
                            <td v-for="item in operate">{{item}}</td>
                        </tr>
                        <tr v-for="pro in productList">
                            <td>{{pro.ProductId}}</td>
                            <td>{{pro.ProductName}}</td>
                            <td>{{pro.ProductCountInfo.length}}</td>
                            <td>{{pro.UnitPrice}}</td>
                            <td>{{pro.PurchasePrice}}</td>
                            <td>{{pro.EstimatedTime}}</td>
                            <td>{{pro.Remarks}}</td>
                            <td>
                                <a href="javascript:void(0)">添加</a>
                                <a href="javascript:void(0)">删除</a>
                            </td>

                            <!--<tr>
                                <td></td>
                                <td></td>
                                <td colspan="4">
                                    <table class="add-to-info">
                                        <tr v-for="info in pro.ProductCountInfo">
                                            <td>{{info.name}}</td>
                                            <td v-for="i in info.list">{{i}}</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>-->
                        </tr>
                    </table>
                </div>
            </div>
            <div class="user-add-editor-a">
                <p><a href="javascript:void(0)" class="user-add-title-color">更多信息</a></p>
            </div>
        </div>
    </div>
</div>